<!-- ! -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

<!-- div  -->
<div></div>

<!-- div*3 -->
<div></div>
<div></div>
<div></div>


<!-- ul>li -->
<ul>
    <li></li>
</ul>

<!-- div+p -->
<div></div>
<p></p>

<!-- .demo -->
<div class="demo"></div>

<!-- #demo -->
<div id="demo"></div>

<!-- .demo$*5 -->
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>

<!-- div{$}*5 -->
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>